<template>
  <!-- 插槽 -->
  <!-- 默认插槽,具名插槽,作用域插槽 -->
  <div>
    <slotComponent>
      <!-- 默认插槽 -->
      <pre>默认插槽</pre>
      <!-- 具名插槽 使用v-slot:xx的格式  v-slot可以简写成#xx-->
      <template #a>
        <pre>具名插槽</pre>
      </template>
      <!-- 作用域插槽
       作用域插槽是可以传递数据的插槽,子组件可以将数据回传给父组件,
       父组件可以决定这些回传的数据是以何种数据或者外观在子组件内部展示
        -->
    </slotComponent>
  </div>
</template>

<script lang="ts" setup>
import slotComponent from '@/views/slot2-view.vue'
</script>

<style></style>
